React底層核心內容架構

React架構

1. react
   • 提供定義組件(ReactElement)的必要函數，一般來說需要和渲染器(react-dom,react-native)一同使用。在編寫時大部分都是調用此包的 api.如React.Component
   • 開發時使用的絕大部分api
     • class 組件中使用setState()
     • function 組件裏面使用 hook,並發起dispatchAction去改變 hook 對象
     • 改變 context(其實也需要setState或dispatchAction的輔助才能改變)
2. react-dom
   • 是 react 與 web 平臺連接的橋梁(可以在瀏覽器和 nodejs 環境中使用)，將react-reconciler中的運行結果輸出到 web 界面上，大多數場景下，能用到此包的就是一個入口函數ReactDOM.render(document.getElementByID(‘root’))
3. react-reconciler
4. scheduler